<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜商城-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description"
        content="小兔鲜商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,小兔鲜" />
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="./favicon.ico" />
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入用户样式 -->
    <link rel="stylesheet" href="./css/user.css">
</head>

<body>
    <!-- shrotcut区域 开始 -->
    <div class="shrotcut">
        <div class="w">
            <div class="fr">
                <a href="">请先登录</a>|
                <a href="">免费注册</a>|
                <a href="">我的订单</a>|
                <a href="">会员中心</a>|
                <a href="">帮助中心</a>|
                <a href="">在线客服</a>|
                <a href="">手机版</a>
            </div>
        </div>
    </div>
    <!-- shrotcut区域 结束 -->
    <!-- header区域 开始 -->
    <header class="w">
        <div class="logo">
            <h1><a href="./index.html">小兔鲜商城</a></h1>
        </div>
        <div class="nav">
            <a href="./index.html">首页</a><a href="#">生鲜</a><a href="#">美食</a><a href="#">餐厨</a><a href="#">电器</a><a
                href="#">居家</a><a href="#">洗护</a><a href="#">孕婴</a><a href="#">服装</a>
        </div>
        <div class="search">
            <input type="search" placeholder="搜一搜">
            <button>&#xe67d;</button>
        </div>
        <a href="#" class="shopcar">&#xe699;<i>2</i></a>
    </header>
    <!-- header区域 结束 -->
    <!-- 个人中心区域 开始 -->
    <div class="user_center">
        <div class="w clearfix">
            <nav class="subnav fl">
                <dl>
                    <dt>我的账户</dt>
                    <dd><a href="#" class="current">个人中心</a></dd>
                    <dd><a href="#">消息通知</a></dd>
                    <dd><a href="#">个人信息</a></dd>
                    <dd><a href="#">安全设置</a></dd>
                    <dd><a href="#">地址管理</a></dd>
                    <dd><a href="#">我的积分</a></dd>
                    <dd><a href="#">我的足迹</a></dd>
                    <dd><a href="#">邀请有礼</a></dd>
                    <dd><a href="#">幸运抽奖</a></dd>
                </dl>
                <dl>
                    <dt>交易管理</dt>
                    <dd><a href="#">我的订单</a></dd>
                    <dd><a href="#">优惠券</a></dd>
                    <dd><a href="#">礼品卡</a></dd>
                    <dd><a href="#">评价晒单</a></dd>
                    <dd><a href="#">售后服务</a></dd>
                </dl>
                <dl>
                    <dt>我的收藏</dt>
                    <dd><a href="#">收藏的商品</a></dd>
                    <dd><a href="#">收藏的专题</a></dd>
                    <dd><a href="#">关注的品牌</a></dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#">帮助中心</a></dd>
                    <dd><a href="#">在线客服</a></dd>
                </dl>
            </nav>
            <section class="user_cont fr">
                <div class="userinfo">
                    <div class="user">
                        <div class="pic"><img src="./uploads/avatar_1.png" alt=""></div><span>张小花</span>
                    </div>
                    <div class="user_control">
                        <ul>
                            <li><a href="#"><i>&#xe817;</i>
                                    <h4>会员中心</h4>
                                </a></li>
                            <li><a href="#"><i>&#xe837;</i>
                                    <h4>安全设置</h4>
                                </a></li>
                            <li><a href="#"><i>&#xe608;</i>
                                    <h4>地址管理</h4>
                                </a></li>
                        </ul>
                    </div>
                </div>
                <div class="my_order">
                    <div class="box_cont">
                        <div class="box_hd">
                            <h3>我的订单</h3>
                            <a href="#">查看全部</a>
                        </div>
                        <div class="indent">
                            <ul>
                                <li>
                                    <div class="details fl">
                                        <div class="pic"><img src="./uploads/history_goods_1.jpg" alt=""></div>
                                        <h4>拉夫劳伦t恤男正品圆领短袖拉夫劳伦t恤男正品圆领短袖</h4>
                                        <table>
                                            <tr>
                                                <td>颜色：</td>
                                                <td>白色</td>
                                                <td>尺码：</td>
                                                <td>M</td>
                                                <td>数量：</td>
                                                <td>1</td>
                                            </tr>
                                        </table>
                                        <div class="status">待付款</div>
                                    </div>
                                    <div class="price fl">
                                        <p><em>￥99.00</em><br>（含运费：¥10.00元）<br>在线支付</p>
                                    </div>
                                    <div class="payment fl">
                                        <a href="#">立即付款</a><br>
                                        <a href="#">查看详情</a><br>
                                        <a href="#">取消订单</a>
                                    </div>
                                </li>
                                <li>
                                    <div class="details fl">
                                        <div class="pic"><img src="./uploads/history_goods_2.jpg" alt=""></div>
                                        <h4>李宁跑步鞋男鞋空气弧...</h4>
                                        <table>
                                            <tr>
                                                <td>颜色：</td>
                                                <td>灰色</td>
                                                <td>尺码：</td>
                                                <td>42</td>
                                                <td>数量：</td>
                                                <td>1</td>
                                            </tr>
                                        </table>
                                        <div class="status">待收货</div>
                                        <a href="#">查看物流</a>
                                    </div>
                                    <div class="price fl">
                                        <p><em>￥99.00</em><br>（含运费：¥10.00元）<br>在线支付</p>
                                    </div>
                                    <div class="payment fl">
                                        <a href="#">立即付款</a><br>
                                        <a href="#">查看详情</a><br>
                                        <a href="#">取消订单</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="my_collection">
                    <div class="box_cont">
                        <div class="box_hd">
                            <h3>收藏的商品</h3>
                            <a href="#">查看全部</a>
                        </div>
                        <div class="box_bd">
                            <ul>
                                <li><a href="#">
                                        <div class="pic"><img src="./uploads/clothes_goods_1.jpg" alt=""></div>
                                        <p>人本秋季厚底帆布鞋<br>韩版低帮增高学生</p><i>55</i>
                                    </a><button>x</button></li>
                                <li class="discount"><a href="#">
                                        <div class="pic"><img src="./uploads/clothes_goods_2.jpg" alt=""></div>
                                        <p>迪士尼真皮针扣表带宽度14-16mm规格双色压纹</p><i>29</i>
                                    </a><button>x</button></li>
                                <li><a href="#">
                                        <div class="pic"><img src="./uploads/clothes_goods_3.jpg" alt=""></div>
                                        <p>米家飞行员太阳镜 Pro</p><i>199</i>
                                    </a><button>x</button></li>
                                <li><a href="#">
                                        <div class="pic"><img src="./uploads/clothes_goods_4.jpg" alt=""></div>
                                        <p>ONLY夏季新款高腰宽松七分阔腿裙裤休闲裤</p><i>275</i>
                                    </a><button>x</button></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="My_footprint">
                    <div class="box_cont">
                        <div class="box_hd">
                            <h3>我的足迹</h3>
                            <a href="#">查看全部</a>
                        </div>
                        <div class="box_bd">
                            <ul>
                                <li><a href="#">
                                        <div class="pic"><img src="./uploads/history_goods_1.jpg" alt=""></div>
                                        <p>拉夫劳伦t恤男正品<br>圆领短袖</p><i>99</i>
                                    </a><button>x</button></li>
                                <li class="discount"><a href="#">
                                        <div class="pic"><img src="./uploads/history_goods_2.jpg" alt=""></div>
                                        <p>李宁跑步鞋男鞋空气弧2018春季款</p><i>179</i>
                                    </a><button>x</button></li>
                                <li><a href="#">
                                        <div class="pic"><img src="./uploads/history_goods_3.jpg" alt=""></div>
                                        <p>米家飞行员太阳镜 Pro</p><i>199</i>
                                    </a><button>x</button></li>
                                <li><a href="#">
                                        <div class="pic"><img src="./uploads/history_goods_4.jpg" alt=""></div>
                                        <p>ONLY夏季新款高腰宽松七分阔腿裙裤休闲裤</p><i>275</i>
                                    </a><button>x</button></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <!-- 个人中心区域 结束 -->
    <!-- 底部区域 开始 -->
    <!-- friendlink区域 开始 -->
    <div class="friendlink w">
        <dl class="urse_service">
            <dt>客户服务</dt>
            <dd><a href="#"><i></i><br>在线客服</a></dd>
            <dd><a href="#"><i></i><br>问题反馈</a></dd>
        </dl>
        <dl class="followus">
            <dt>关注我们</dt>
            <dd><a href="#"><i></i><br>公众号</a></dd>
            <dd><a href="#"><i></i><br>微博</a></dd>
        </dl>
        <dl class="app">
            <dt>下载APP</dt>
            <dd>
                <div class="pic"><img src="./uploads/qrcode.jpg" alt=""></div>
                <p>扫描二维码<br>立马下载APP<a href="#">下载页面</a>
                </p>
            </dd>

        </dl>
        <dl class="tel_service">
            <dt>服务热线</dt>
            <dd>
                <p>400-0000-000</p>
                周一至周日 8:00-18:00
            </dd>
        </dl>
    </div>
    <!-- friendlink区域 结束 -->
    <!-- footer区域 开始 -->
    <footer>
        <div class="mod_help w">
            <ul>
                <li class="mod_help_l">价格亲民</li>
                <li class="mod_help_c">物流快捷</li>
                <li class="mod_help_r">品质新鲜</li>
            </ul>
        </div>
        <div class="mod_copyright w">
            <p>
                <a href="#">关于我们</a>|<a href="#">帮助中心</a>|<a href="#">售后服务</a>|<a href="#">配送与验收</a>|<a
                    href="#">商务合作</a>|<a href="#">搜索推荐</a>|<a href="#">友情链接</a><br>CopyRight @ 小兔鲜儿
            </p>
        </div>
    </footer>
    <!-- footer区域 结束 -->
    <!-- 底部区域 结束 -->
</body>

</html>